.confirm-box
  position: fixed
  top 0px
  left 0px
  display: flex
  justify-content: center
  align-items: center
  background-color: rgba(14,14,14,.3)
  width: 100vw
  height: 100vh
  user-select: none
  .modal-bg
    .confirm-content
      width: 460px
      // height: 300px
      background: #fff
      border-radius: 4px
      margin-bottom: 100px
      .title-content
        height: 40px
        width: 100%
        padding 25px 15px 15px
        box-sizing: border-box
        display: flex
        align-items: center
        justify-content: space-between
        user-select: none
        border-radius: 4px 4px 0 0
        position: relative
        p
          font-size: 1.4em
        .close-btn
          box-sizing: border-box
          background-color: #4cd964
          color: #fff
          padding: 5px 10px
          cursor pointer
          border-radius: 50%
          position: absolute
          top: -13px
          right: -13px
      .msg-content
        min-height: 200px
        padding: 5px 15px
        box-sizing: border-box
        display: flex
        justify-content: center
        align-items: center
        flex-direction: column
        img
          width: 64px
          height: 64px
          margin-bottom: 35px
        .tips-text
          font-size: 1.2em
          font-weight: 500
          display: flex
          align-items: center
          justify-content: center
      .action-content
        display: flex
        height: 40px
        align-items: center
        justify-content: space-around
        width: 80%
        margin: 0 auto
        padding-bottom: 20px
        margin-top: 20px
        .btn
          padding: 8px 25px
          cursor pointer
          border-radius 4px
          color #fff
          margin: 0px 10px
          &.confirm
            background-color: #7bed9f
          &.cancel
            background-color: #ff4757
          &.other
            background-color: #ffa502
        